<template>
  <div>
    <el-tabs type="border-card" v-model="activeName" >
      <el-tab-pane label="部门管理" name="DepManage"><DepManage/></el-tab-pane>
      <el-tab-pane label="奖惩管理" name="EcManage"><EcManage/></el-tab-pane>
      <el-tab-pane label="职称管理" name="JoblevelManage"><JoblevelManage/></el-tab-pane>
      <el-tab-pane label="职位管理" name="PosManage"><PosManage/></el-tab-pane>
      <el-tab-pane label="权限组" name="PermissManage"><PermissManage/></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DepManage from "@/components/sys/DepManage";
import EcManage from "@/components/sys/EcManage";
import JoblevelManage from "@/components/sys/JoblevelManage";
import PosManage from "@/components/sys/PosManage";
import PermissManage from "@/components/sys/PermissManage";
export default {
  name: "SysBasic",
  components:{
    DepManage,
    EcManage,
    JoblevelManage,
    PosManage,
    PermissManage
  },
  data() {
    return{
      activeName:'DepManage'
    }
  }
}
</script>

<style scoped>

</style>
